<template>
    <van-nav-bar title="我的购物车" left-arrow @click-left="onClickLeft" />

    <van-checkbox v-model="checked">
        <van-swipe-cell>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" />
            </template>
        </van-swipe-cell>
    </van-checkbox>


</template>

<script setup>
import { ref } from 'vue';

const checked = ref(true);



const onClickLeft = () => history.back();
</script>

<style scoped>
.goods-card {
    margin: 0;
    background-color: white;
}

.delete-button {
    height: 100%;
}
.van-checkbox{
 margin-left: 5px;
 :deep(.van-card__content){
    min-width: 255px !important;
 }
}
</style>